<template>
  <div class="three-container">
    <div class="three-padding">
      <van-row>
        <van-col span="8">
            <div class="three-img">
              <img src="../common/images/three-1.png">
            </div>
        </van-col>
        <van-col span="16">
            <div class="three-one">
              <img src="../common/images/three-2.png"/>
            </div>
            <div class="three-one">
              <img src="../common/images/three-2.png"/>
           </div>
        </van-col>
      </van-row>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'three-maps'
  }
</script>

<style scoped>
.three-container{margin: 20rpx 0 20rpx 0;background-color: #ffffff;height: 415rpx;}
.three-padding{padding: 20rpx;}
.three-img>img{width: 289rpx;height: 375rpx;}
.three-one{text-align: right;padding-bottom: 19rpx;}
.three-one>img{width: 395rpx;height: 174rpx;}
</style>
